<template>
	<view>
		<u-row class="flex-wrap" gutter="-10">
			<u-col span="6" v-for="(item,index) in dataArray" :key="index" @click="nologinJump('/subpage/pet/detail?id='+item.id)">
				<view class="p10">
					<view class="bgFff box_shadow item radius50">
						<view class="img pore">
							<image :src="api_host + item.icon" mode="widthFix"></image>
							<view class="like-box flex">
								<u-icon name="heart-fill" color="#fff" size="14" :label="$utils.keepTwoDecimalFull(item.likeVolume)" labelColor="#fff" labelSize="12" labelPos="right"></u-icon>
							</view>
						</view>
						<view class="p20 c343 f26 mb10">{{item.petName}}</view>
					</view>
				</view>
			</u-col>
		</u-row>
	</view>
</template>

<script>
	import {} from '@/common/api.js'
	export default {
		name:'',
		props: {
			dataArray: {
				type: Array,
				default: []
			}
		},
		data() {
			return {
				
			}
		},
		onLoad(option) {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #FFEEEE;
	}
	.item{
		overflow: hidden;
		.img{
			width: 100%;
			max-height: 300rpx;
			overflow: hidden;
			border-radius: 0 0 50rpx 0;
			image {
				width: 100%;
				min-height: 300rpx;
			}
		}
		.like-box{
			position: absolute;
			bottom: 30rpx;
			right: 20rpx;
			background-color: rgba(#000, 0.5);
			border-radius: 50rpx;
			padding: 5rpx 10rpx;
		}
	}
</style>
